body{
    margin: 0;
    padding: 0;
    background: #eee;
}
.reg-list{
    width: 6rem;
    margin-left: .5rem;
    height: .8rem;
    border-radius: 8px;
    margin-bottom: .35rem;
}
.mar-top{
    margin-top: .6rem;
}
.reg-list input{
    width: 98%;
    height: 100%;
    display: block;
    border-radius: 8px;
    border: 1px solid #dedede;
    padding-left: .3rem;
    font-size: .28rem;
}
.msg{
    width: 6rem;
    font-size: .25rem;
    color: #666;
    margin: .3rem 0 .3rem .5rem;
}
.msg img{
    width: .4rem;
    height: .4rem;
    vertical-align: middle;
    margin-top: -.1rem;
    margin-right: .05rem;
}
.reg-btn{
    width: 6rem;
    margin-left: .5rem;
    height: .88rem;
    background: #40d7ae;
    color: #fff;
    font-size: .33rem;
    border: 0;
    border-radius: 8px;
    display: block;
}
.yzm{
    position: relative;
}
.getCode{
    position: absolute;
    display: block;
    width: 1.2rem;
    font-size: .25rem;
    color: #fff;
    background: #40d7ae;
    border: 0;
    border-radius: 8px;
    right: 17px;
    top: .11rem;
    height: .6rem;
}
.msg-col{
    color: #f94d4b;
}
.suc-icon{
    width: 100%;
    text-align: center;
    padding-top: 1.5rem;
}
.p1{
    font-size: .33rem;
    text-align: center;
    width: 100%;
    margin: .5rem 0 .5rem 0;
    color: #666;
}
.p2{
    font-size: .25rem;
    text-align: center;
    color: #888;
    width: 100%;
    margin: 0 0 .6rem 0;
}
.versions{
    width: 5rem;
    height: .8rem;
    line-height: .8rem;
    margin: .3rem auto;
    background: #40d7ae;
    border-radius: 20px;
    font-size: .25rem;
    color: #fff;
    letter-spacing: 1px;
}
.versions img{
    width: .45rem;
    height: .5rem;
    margin: -.1rem .2rem 0 .45rem;
    vertical-align: middle;
}